@layout("/common/_container.html"){
<div class="row">
	<div class="col-sm-12">
		<div class="ibox float-e-margins">
			<div class="ibox-title">
				<h5>用户管理</h5>
			</div>
			<div class="ibox-content">
				<div class="row row-lg">
					<div class="col-sm-12">
						<div class="row">
							<div class="col-lg-2 col-sm-3">
								<div class="panel panel-default">
									<div class="panel-heading">组织机构</div>
									<div class="panel-body dept-tree">
										<ul id="deptTree" class="ztree"></ul>
									</div>
								</div>
							</div>
							<div class="col-lg-10 col-sm-9">
								<div class="row">
									<div class="col-lg-10 col-sm-9">
										<div class="row">
											<div class="col-lg-4 col-sm-12">
												<#NameCon id="name" name="用户名称" placeholder="帐号/姓名/手机号"/>
											</div>
											<div class="col-lg-4 col-sm-6">
												<#TimeCon id="beginTime" name="注册开始日期" isTime="false" pattern="YYYY-MM-DD"/>
											</div>
											<div class="col-lg-4 col-sm-6">
												<#TimeCon id="endTime" name="注册结束日期" isTime="false" pattern="YYYY-MM-DD"/>
											</div>
										</div>
									</div>
									<div class="col-lg-2 col-sm-3">
										<div class="row">
											<div class="col-lg-12 col-sm-12">
												<div class="search_bt search_bt_xy" onclick="MgrUser.search()">搜索</div>
												<div class="search_bt" onclick="MgrUser.resetSearch()">清空</div>
												<!--<#button name="搜索" icon="fa-search" clickFun="MgrUser.search()"/>-->
												<!--<#button name="重置" icon="fa-trash" clickFun="MgrUser.resetSearch()" space="true"/>-->
											</div>
										</div>
									</div>
								</div>
								<div class="hidden-xs" id="managerTableToolbar" role="group">
									@if(shiro.hasPermission("/mgr/add")){
									<div class="other_bt" onclick="MgrUser.openAddMgr()">添加</div>
									@}
									@if(shiro.hasPermission("/mgr/edit")){
									<div class="other_bt" onclick="MgrUser.openChangeUser()">修改</div>
									@}
									@if(shiro.hasPermission("/mgr/delete")){
									<div class="other_bt" onclick="MgrUser.delMgrUser()">删除</div>
									@}
									@if(shiro.hasPermission("/mgr/reset")){
									<div class="other_bt" onclick="MgrUser.resetPwd()">重置密码</div>
									@}
									@if(shiro.hasPermission("/mgr/freeze")){
									<div class="other_bt" onclick="MgrUser.freezeAccount()">冻结</div>
									@}
									@if(shiro.hasPermission("/mgr/unfreeze")){
									<div class="other_bt" onclick="MgrUser.unfreeze()">解除冻结</div>
									@}
									@if(shiro.hasPermission("/mgr/setRole")){
									<div class="other_bt" onclick="MgrUser.roleAssign()">角色分配</div>
									@}
								</div>
								<#table id="managerTable"/>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="${ctxPath}/static/modular/system/user/user.js"></script>
@}

<style>
	.search_bt,.other_bt{
		cursor: pointer;
		display: inline-block;
		width: 73px;
		height: 27px;
		line-height: 27px;
		color: white;
		text-align: center;
		font-size: 14px;
		border-radius: 20px;
	}
	.search_bt{
		background: url("${ctxPath}/static/img/x18.png") no-repeat;
		background-size: cover;
	}
	.other_bt{
		background: url("${ctxPath}/static/img/x19.png") no-repeat;
		background-size: cover;
	}
	.search_bt_xy{

		margin-bottom: 5px;
	}

</style>